<template>
  <div class="fangxiang">
    <el-form-item label-width="120px" label="方向：" prop="direction">
      <el-select
        style="width: 100%"
        v-model="direction"
        placeholder="请选择"
        @change="Direction"
      >
        <el-option
          :label="item"
          :value="item"
          v-for="(item, i) in fangxiang"
          :key="i"
        >
        </el-option>
      </el-select>
    </el-form-item>
  </div>
</template>

<script>
import { direction } from '@/api/hmmm/constants.js'
export default {
  name: 'Fangxiang',
  prop: {
    type: Object,
    required: true
  },
  data() {
    return {
      fangxiang: [],
      direction: ''
    }
  },
  created() {
    this.getFangxiang()
  },
  methods: {
    getFangxiang() {
      this.fangxiang = direction
    },
    Direction() {
      this.$emit('Direction', this.direction)
    }
  }
}
</script>

<style lang="less" scoped></style>
